<template>
  <div class="container">
    <div class="title">
      {{info.title}}
    </div>
    <div class="timestr">
      时间：{{info.createTime|parseTime}}
    </div>
    <div class="content" v-html="info.content">
      
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        info: {}
      };
    },
    mounted() {
      let id = this.$route.query.id;
      this.showLoading();
      this.$get("/api/user/getMessageDetail?id=" + id)
        .then(info => {
          this.hideLoading();
          this.info = info || {};
        })
        .catch(e => {
          this.hideLoading();
        });
    }
  };

</script>

<style lang="scss" scoped>
  .timestr {
    font-size: 0.3467rem;
    padding-bottom: 0.4rem;
    color: #999;
    text-align: center;
  }

  .title {
    padding: 0.6rem;
    text-align: center;
    font-size: 0.42rem;
  }

  .content {
    padding: 0 0.4rem;
    font-size: 0.4rem;
  }

</style>
